﻿@{
    ViewBag.Title = "Upload";
}

@section Header{
    @Styles.Render("~/Content/css/uploadify");
    @Scripts.Render("~/bundles/uploadify");
}
<h1>uploadify 3.2 文件上传的基本实现</h1>
<p>
    使用了 12 个参数
        <ul>
            <li>uploader: 服务器端接收上传文件的地址</li>
            <li>swf：用来实现客户端支持的 Flash</li>

            <li>width：按钮的宽度</li>
            <li>height：按钮的高度</li>
            <li>buttonText: 上传按钮的文字</li>
            <li>buttonCursor：按钮的鼠标图标</li>

            <li>fileObjName：上传文件的请求参数名称</li>

            <li>fileTypeExts：上传文件过滤使用的扩展名</li>
            <li>fileTypeDesc：上传文件的类型描述</li>

            <li>auto：选择之后，是否自动开始上传</li>
            <li>multi：是否允许上传多个文件</li>
            <li>queueSizeLimit：同时选择多个文件的限额</li>
        </ul>
</p>
<span class="btn btn-info">上传</span>

<span id="uploadify" class="btn btn-info">上传</span>

@section Scripts{
    <script type="text/javascript">
        $(function () {
            $('#uploadify').uploadify({
                uploader: '@Href("~/Manage/User/Upload")',           // 服务器端处理地址
                swf: '@Href("~/Content/uploadify/uploadify.swf")',    // 上传使用的 Flash

                width: 60,                          // 按钮的宽度
                height: 23,                         // 按钮的高度
                buttonText: "上传",                 // 按钮上的文字
                buttonCursor: 'hand',                // 按钮的鼠标图标

                fileObjName: 'Filedata',            // 上传参数名称

                // 两个配套使用
                fileTypeExts: "*.jpg;*.png",             // 扩展名
                fileTypeDesc: "请选择 jpg png 文件",     // 文件说明

                auto: true,                // 选择之后，自动开始上传
                multi: true//,               // 是否支持同时上传多个文件
                //  queueSizeLimit: 5          // 允许多文件上传的时候，同时上传文件的个数
            });
        });
    </script>
}